dhtmlXGrid functionality available from v.1.3

Integration with form

Starting from dhtmlxGrid 1.3 integration in existing FORM is possible. To enable integration next things must be done By default grid sumbit mode is "Submit-only-changed-rows", which can also be anabled with submitOnlyChanged method. As result while form submit grid will include all modified fields inside FORM scoop
The naming of fields is next
[GRIDID]_[ROWID]_[CELLINDEX]

List of added row IDs will be submitted in the following parameter: [GRIDID]_ROWS_ADDED

List of deleted row IDs will be submitted in the following parameter: [GRIDID]_ROWS_DELETED



Another mode of grid submit is "Submit-selected-rows", which can be anabled with submitOnlySelected method. If activated, then selected row id(s) will be passed to server on submit.

These two modes can be combined with each other.

Refresh functionality

Starting from dhtmlxGrid 1.3, in addition to default grid reloading through grid.clearAll() grid.reloadXML(URL); new refresh method added, which just update values of existing rows without reconstructing ( as result it doesn't cause any visual glitches in grid, and works significently faster than full grid reconstruction ) grid.updateFromXML(URL) The format of XML exactly the same as for initialization. Grid will update each row in grid with the same ID with data from XML.

Undo | Redo functionality

Starting from dhtmlxGrid 1.3 by including dhtmlXGrid_undo.js your enable undo|redo functionality. All user edit actions will be saved in unlimited undo history. ( modification caused by API calls will not be stored in history ) mygrid.enableUndoRedo(); ... mygrid.doUndo() mygrid.doRedo()

Block selection

Starting from dhtmlxGrid 1.3 additional selection mode supported in grid - block selection. To activate mode you need to include dhtmlXGrid_selection.js file in project.
In block selection mode you can select any block of content and copy it to clipboard ( also block paste from clipboard is possible)

Integration with dhtmlxCombo

Starting from dhtmlxGrid 1.3 Integration with dhtmlxCombo is possible. The grid supports "combo" excell type which transformed to dhtmlxCombobox component. "Combo" excell supports all modes of the dhtmlxcombo.

There are two ways for combo setting definition:

Combo loading and representation modes are set by especial attributes in the xml:

Setting "combo" column

For the whole column combo is set in the <column> tag <column width="150" type="combo" xmlcontent="1"…>TEXT <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> … </column> <column width="150" type="combo" editable="false" source="data.xml" …>TEXT</column> <column type="combo" source="complete.php" auto="true" cache="true" sub="true"… >TEXT</column> Combo value should be set inside <cell> tags: <cell>1</cell> In case of auto complete <cell>value^text</cell> instruction defines value and text: <cell>1^one</cell>

Setting "combo" cell

Cell's combo is set as the column's one, the difference is using <cell> tag instead of and that the xmlcontent attribute is always necessary: <cell xmlcontent="1" editable="0">1 <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> ... </cell> <cell xmlcontent="1" source="data.xml" filter="true">1</cell> In case of autocomplete text should be set with text attribute: <cell xmlcontent="1" source="complete.php" auto="true" cache="true" text="some text">4</cell>

New methods

getCellCombo - returns cell combo object combo = grid.cells(id,index).getCellCombo(); combo.enableFilteingMode(true) getColumnCombo - returns column combo objec combo = grid.getCellCombo(column_index);